{extend name='base'}
{block name='ex'}
<script type="text/javascript">
$(document).ready(function(){
    $('li.dropdown').mousemove(function(){
    $(this).find('ul').slideDown("1000");//you can give it a speed
    });
    $('li.dropdown').mouseleave(function(){
    $(this).find('ul').slideUp("fast");
    });

    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      new WOW().init();
    };
//导航栏
   var Tabs = $('div #newsListnewsTitleID').children('div');
   var category_id = $('#category_id').val();
    var len = Tabs.length;
      for (i = 0; i < len; i++) {
          if(Tabs [i].id==category_id)
          {
        	Tabs [i].style.borderBottom = "2px  solid #004EA1";        
           }
       }
});
</script>
{/block}
{block name='con'}
    {include file='news/header'}

    <div class="am-container">
        <ul data-am-widget="gallery" class="am-gallery am-avg-md-3 am-gallery-bordered" data-am-gallery="{ pureview: true }">
            
            <li>
                <div class="am-gallery-item">
                    <a href="" class="">
                        <img src="__STATIC__/index/upload/201712/27/201712270805239153.JPG" alt="中天大截面节能导线助力世界最高电压输电线路横跨黄河"  style="height:275px"/>
                        <h3 class="am-gallery-title">中天大截面节能导线助力世界最高电压输电线路横跨黄河</h3>
                        <div class="am-gallery-desc">2017-12-26</div>
                    </a>
                </div>
            </li>
            
            <li>
                <div class="am-gallery-item">
                    <a href="" class="">
                        <img src="__STATIC__/index/upload/201712/17/201712170713232776.jpg" alt="中天分布式储能系统将引爆一场能源结构革命"  style="height:275px"/>
                        <h3 class="am-gallery-title">中天分布式储能系统将引爆一场能源结构革命</h3>
                        <div class="am-gallery-desc">2017-12-16</div>
                    </a>
                </div>
            </li>
            
            <li>
                <div class="am-gallery-item">
                    <a href="" class="">
                        <img src="__STATIC__/index/upload/201712/15/201712151752132070.JPG" alt="让劳动创新在中天科技蔚然成风"  style="height:275px"/>
                        <h3 class="am-gallery-title">让劳动创新在中天科技蔚然成风</h3>
                        <div class="am-gallery-desc">2017-12-15</div>
                    </a>
                </div>
            </li>
            
        </ul>
    </div>
    <div class="width1020 clear" style="height:1230px;">
        <div class="industryListnewsContent">
            <ul>
                {volist name='arr' id='list' key='i'}
                <a href="{:url('news_details',['id'=>$list.id])}" >
                    <li class=" wow fadeInUp animated" data-wow-delay="{$i/10}s">
                        <div class="industryNewsdiv">
                            <div style="height: 80px;padding-top:20px">
                                <div class="newsDateGray">
                                    <div class="industrynewsDateDay"><span>{:date('d',$list.date)}</span></div> <br />
                                    <div class="industrynewsDateYear"><span style="font-size: 15px;">{:date('Y-m',$list.date)}</span></div>
                                </div>
                                <div class="industrynewsContent">
                                    <div class="newsContentTitle">{$list.title}</div>
                                    <div class="newsContentDetail">
                                        {:mb_substr($list.details,0,30,'utf-8')}…
                                        <span>[查看详情]</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </a>
                {/volist} 
            </ul>
        </div><!--newsListnewsContentID-->
    </div><!--/width1020-->
    <div class="clear"></div>
    <div class="line20"></div>
    <div class="page-box">
        {$arr}
    </div>
    <div class="clear placeholder"></div>
{/block}